// pages/index/index.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    height: null,
    width: null,
    ctx: wx.createCanvasContext('myCanvas'),
    ip: "IP地址", //IP地址
    port: null, //端口号
    message: '', //发送的数据
    dialogShow: false,
    showOneButtonDialog: false,
    oneButton: [{
      text: '确定'
    }],
    onMessage: "",
  },

  /*获取IP*/
  IpInput: function (e) {
    this.setData({
      ip: e.detail.value
    })
    console.log(getApp().globalData.ip)
    getApp().globalData.ip = this.data.ip
  },

  /*获取Port*/
  PortInput: function (e) {
    this.setData({
      port: e.detail.value
    })
    console.log(getApp().globalData.port)
    getApp().globalData.port = this.data.port
  },


  /* 点击确定后做的事 */
  tapDialogButton(e) {
    this.setData({
      dialogShow: false,
      showOneButtonDialog: false
    })
  },

  /* 跳转帮助页面 */
  tohelp: function () {
    wx.navigateTo({
      url: "../help/help",
    });
  },


  //点击确定，关闭页面函数
  totext: function () {
    console.log(this.data.ip);
    console.log(this.data.port);
    console.log('globalData.ip:' + getApp().globalData.ip)
    console.log('globalData.port:' + getApp().globalData.port)
    if (this.data.ip == "IP地址" || this.data.port == null) {
      this.setData({
        showOneButtonDialog: true
      })
    } else {
      this.setData({
        dialogShow: false,
        showOneButtonDialog: false
      })
      wx.navigateTo({
        url: "../test/test",
      });
    }
  },

  /**canvas 箭头1 左上角为坐标原点*/
  /** function(x,y,放大倍数,尖头上下)*/
  draw1: function (x, y, d, z, color) {
    var ctx = this.data.ctx
    ctx.moveTo(x + 1 * d, y) //右上
    ctx.lineTo(x + 3 * d, (y + z) + 2 * d) //右中
    ctx.lineTo(x + 1 * d, y + 4 * d) //右下
    ctx.lineTo(x, y + 4 * d) //左下
    ctx.lineTo(x + 2 * d, (y + z) + 2 * d) //左中
    ctx.lineTo(x, y) //左上
    // ctx.setFillStyle(color)
  },



  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.showLoading({
      title: "加载中",
    });
    /**获取页面大小 */
    this.setData({
      height: wx.getSystemInfoSync().windowHeight,
      width: wx.getSystemInfoSync().windowWidth,
    });
    console.log('height:' + this.data.height);
    console.log('width:' + this.data.width);


    // const udp = wx.createUDPSocket()
    // // udp.close()
    // udp.bind()
    // // while (1) {
    //   // udp.onMessage({
    //   //   message: this.data.onMessage,
    //   // })
    // console.log(udp.onMessage.remoteInfo);
    // console.log('message:' + this.data.onMessage);
    // // }

    
    setTimeout(function () {
      wx.hideLoading(); //必须调用hideLoading才能关闭loading
    }, 2000);

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    var height = this.data.height
    var width = this.data.width
    this.draw1(width + 5, 60, 7, 2, 'green')
    this.draw1(width - 5, 60, 7, 2, 'green')
    this.data.ctx.fill()
    this.data.ctx.draw()
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    wx.showLoading({
      title: "加载中",
    });

    setTimeout(function () {
      wx.hideLoading(); //必须调用hideLoading才能关闭loading
    }, 2000);
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})